<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="static/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="static/css/1.css"/>
    <link rel="stylesheet" href="static/css/font-awesome.min.css"/>
    <script src="static/js/jquery-2.1.4.min.js"></script>
    <script src="static/js/bootstrap.min.js"></script>
    <title></title>
</head>
<body>
    <header>
        <h1>图片</h1>
    </header>
    <main>
        <ul>
            <li><a href="static/images/1024_2.png">1024_2</a></li>
            <li><a href="static/images/1024_3.png">1024_3</a></li>
            <li><a href="static/images/中医营销启动.png">中医营销启动</a></li>
            <li><a href="static/images/西医营销启动.png">中医营销启动</a></li>
            <li><a href="static/images/首页.jpg">中医营销启动</a></li>
        </ul>
        <div class="picArea">
            <img src="" class="img-responsive" alt="">
        </div>
    </main>

</body>
<script>
    /*function showPic(){
        var a = document.getElementsByTagName('a');
        var img = document.getElementsByTagName('img');
        for(var i=0;i<a.length;i++){
            alert(a[i]);
            a[i].hover=function(){
                img.setAttribute('src',a[i].getAttribute('href'));
            }
        }
    }
    window.onload=showPic();*/
    $(document).ready(function(){
        $('a').hover(function(){
            $('img').attr('src',this.href);
        })
    })
</script>
</html>